<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="/favicon.png" />
		<link href="/demo.css" rel="stylesheet" />
		<!--ssr-head-->
	</head>
	<body>
		<noscript>You need to enable JavaScript to run this app.</noscript>
		<div id="root"><!--ssr-body--></div>

		<script type="module">
			import { mount, hydrate, unmount } from 'svelte';
			import App from '/src/App.svelte';

			globalThis.delayed = (v, ms = 1000) => {
				return new Promise((f) => {
					setTimeout(() => f(v), ms);
				});
			};

			const root = document.getElementById('root');
			const render = root.firstChild?.nextSibling ? hydrate : mount;

			const component = render(App, {
				target: document.getElementById('root')
			});
		</script>
	</body>
</html>
